import * as React from "react";
import {RGB} from '../model/color';

interface Props {
    color:RGB
}

// interface Style {
//     width:string;
//     height:string;
//     backgroundColor:string;
// }

export const ColorBrowser:React.FC<Props> = function(props) {

    const divStyle:React.CSSProperties = {
        width:'11rem',
        height:'7rem',
        backgroundColor:`rgb(${props.color.red},${props.color.green},${props.color.blue})`
    }

    
    
    return (
        <>
        <div style={divStyle}>
            
        </div>
        {/* <div style={{color:"red"}}>777</div> */}
        </>
    )
        


}